<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
  <meta charset="UTF-8">
  <title>添加药品页面</title>
  <style type="text/css">
    #div1{
      /*border: 2px red solid;*/
      height: 300px;
      width: 600px;
      text-align: center;
      margin: 150px auto;
    }
    #div2{
      /* border: 1px palegreen solid;*/
      height: 200px;
      width: 400px;
      text-align: left;
      margin: auto;
    }
  </style>
  <script type="text/javascript" th:src="@{/js/jquery-3.2.1.min.js}"></script>
  <script type="text/javascript">
    $(function (){
      $("#button").one("click",function (){
        $.ajax({
          url: "/addDrug",
          type: "POST",
          /*此处的key名 <==> 实体类属性,使用数据库字段名出错*/
          data: $('#form').serialize(),/*表单序列化*/
          async: false,
          dataType: "json",
          success(aaa){
            alert("添加成功");
          },
          error(aaa){
            alert("添加失败");
          }
        });
      });
    });
  </script>
</head>
<body>
<div>
  <div id="div1">
    <form id="form">
      药品名称  <input type="text" name="drugId"><br>
      药品编号  <input type="text" name="drugName"><br>
      药品价格  <input type="text" name="drugPrice"><br>
      药品购入时间  <input type="text" name="inTime"><br>
      药品卖出时间  <input type="text" name="outTime"><br>
      保质期  <input type="text" name="expiration"><br>
      药品作用  <input type="text" name="drugDesc"><br>
      药品备注  <input type="text" name="drugRemark"><br>
      药品数量  <input type="text" name="drugNumber"><br>
      单项药品总金额  <input type="text" name="drugSinglePrice"><br>
      <input type="button" name="button" id="button" value="添加科室">
      <input type="reset" value="重置"/>
      <button><a th:href="@{/toMyShowing}">返回</a></button>
    </form>
  </div>
</div>

</body>
</html>